html中,文件上传时使用的的样式自定义 | 您所在的位置:网站首页 › /"><input type="file"> › html中,文件上传时使用的的样式自定义 |
Web页面中,在需要上传文件时基本都会用到元素,它的默认样式: chrome下:
IE下:
不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。 根据用户的需求,设计风格,改变其显示样式的场合就比较多了。 如果,要像下面一样做一个bootstrap风格的上传按钮该如何实现。
搭建上传按钮所需的基本元素 上传效果(chrome): 现在看到的分两行显示。 外围之所以没有换成div,是因为在IE7-浏览器中,只要不是设成inline,它的宽度全都会撑开到能撑到的宽度。如果设成inline,那元素的宽度就无法调整,所以这里用span然后设成inline-block能解决这样的问题。
增加样式将两行变成一行 |
CopyRight 2018-2019 实验室设备网 版权所有 |